*{
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

/* 头部  */
header{
	height: 110px;
	width: 100%;
	position: relative;
}
input,select{
	outline: none;
}
#wrapper{
	height: 80px;
	width: 1185px;
	margin: auto;
}

#header-con{
	height: 100%;
	width: 800px;
	position: absolute;
	
}

#logo2x img{
	height: 50px;
	line-height: 50px;
	width: 200px;
	position: absolute;
	top: 15px;
}

/* 搜索框 */
#search{
	width: 450px;
	height: 100%;
	float: right;
	position: relative;
}

#search-con{
	width: 384px;
	height: 34px;
	position: absolute;
	top: 25px;
}

#searchText{
	width: 350px;
	height: 30px;
	border: 1px solid #E6E6FA;
	outline: none;
}
#search-img{
	position: absolute;
	left: 353px;
	top: 3px;
}
#search-con a{
	display: inline-block;
	background-color:#3B99FC;
	width: 30px;
	height: 34px;
	float: right;
	background-image: url(../images/check@2x.png);
	background-repeat: no-repeat;
	background-position:-64px 0px ;
}

/* 右侧菜单 */
#topMenu{
	width: 450px;
	height: 100%;
	line-height: 150%;
	text-align: center;
	position: absolute;
	left: 810px;
	font-size: 14px;
}

#topMenu li{
	display: inline-block;
	list-style: none;
	position: relative;
	top: 25px;
}

#topMenu li a{
	text-decoration: none;
	color: #3B99FC;
}

.menu-line{
	color: #DCDCDC;
}

/* English下拉单 */
#EnglishSlide{
	width: 70px;
	height: 80px;
	border: 1px solid rgb(200,200,200);
	position: absolute;
	top: 20px;
	background-color: white;
	display:none;
	z-index: 5;
}
#EnglishSlide li{
	width: 100%;
	height: 20px;
	font-size: 13px;
	line-height: 20px;
}

#EnglishSlide li a:link{
	color: blue;
	text-decoration: none;
}
#EnglishSlide li a:hover{
	color: skyblue;
}
/* 我的12306下拉单 */
#my12306{
	width: 130px;
	height: 430px;
	border: 1px solid rgb(248,248,248);
	position: absolute;
	top: 18px;
	background-color: white;
	display: none;
	z-index: 5;
	font-size: 13px;
}


#my12306 li{
	width: 100%;
	height: 25px;
	line-height: 25px;
}

#my12306 li a{
	color: black;
}

#my12306 .myline{
	height: 0px;
	border-bottom: 1px dashed rgb(200,200,200);
}


/* 导航 */
#nav-box{
	width: 100%;
	height: 30px;
	background-color: #3B99FC;
	margin: auto;
	font-size: 13px;
}

#wrapper1{
	height: 30px;
	width: 1185px;
	margin: auto;
	position: relative;
}
#wrapper1 ul{
	width: 100%;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 100px;
}

#wrapper1 li{
	display: inline-table;
	list-style: none;
	width:120px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}

#wrapper1>ul>li:first-of-type{
	background-color: #2676E3;
}

#wrapper1>ul li a{
	color: white;
}

#wrapper1 .n_arrow{
	transform:rotate(90deg);
	margin-left: 10px;
}

@keyframes boxIn{
	0%{
		transform: rotate(90deg)
	}
	20%{
		transform: rotate(120deg)
	}
	40%{
		transform: rotate(150deg)
	}
	60%{
		transform: rotate(180deg)
	}
	80%{
		transform: rotate(210deg)
	}
	100%{
		transform: rotate(270deg)
	}
}

@keyframes boxout{
	0%{
		transform: rotate(270deg)
	}
	20%{
		transform: rotate(310deg)
	}
	40%{
		transform: rotate(340deg)
	}
	60%{
		transform: rotate(370deg)
	}
	80%{
		transform: rotate(400deg)
	}
	100%{
		transform: rotate(450deg)
	}
}

/* 下拉单 */
.navigation{
	width: 1050px;
	height: 200px;
	border: 2px solid skyblue;
	position: absolute;
	top: 30px;
	left: 0px;
	background-color: white;
}

/* 车票下拉单 */
#ticket{
	z-index: 110;
	display: none;
}

#ticket nav{
	float:left;
	width: 165px;
	height:200px;
	border-right: 1px solid skyblue;
	position: relative;
	margin-left: 5px;
}

#ticket nav:last-of-type{
	border: 0px;
}

#ticket nav h3{
	width: 100%;
	color: skyblue;
	height: 30px;
	line-height: 30px;
	cursor:auto;
	text-align: center;
}

#ticket nav div{
	width: 150px;
	height:200px;
	text-align: center;
}

#ticket span{
	display: block;
	width: 100px;
	height: 30px;
	text-align: center;
	color: grey;
	margin: 20px auto;
}

#ticket nav div a:hover span{
	color: skyblue;
}

/* 团体服务下拉单 */
#team{
	width: 100%;
	height: 60px;
	display: none;
	z-index: 110;
}
#team nav{
	width: 100%;
	height: 50px;
	position: absolute;
	text-align: left;
	padding-top: 5px;
}
#team span{
	display:inline-block;
	width: 130px;
	line-height: 50px;
	height: 50px;
	color: grey;
	text-align: center;
	position: relative;
	left: 0px;
	border-right: 1px solid skyblue;
}

#team a:hover span{
	color: skyblue;
}

/* 会员服务下拉单 */
#vipServe{
	width: 100%;
	height: 60px;
	display: none;
	z-index: 110;
}

#vipServe nav{
	width: 100%;
	height: 50px;
	position: absolute;
	text-align: left;
	padding-top: 5px;
}
#vipServe span{
	display:inline-block;
	width: 130px;
	line-height: 50px;
	height: 50px;
	color: grey;
	text-align: center;
	position: relative;
	left: 0px;
	border-right: 1px solid skyblue;
}

#vipServe a:hover span{
	color: skyblue;
}

/* 站车服务 */
#station{
	padding-top: 5px;
	height:110px;
	display: none;
	z-index: 110;
}
#station nav{
	float:left;
	width: 165px;
	height:110px;
	border-right: 1px solid skyblue;
	position: relative;
	margin-left: 5px;
}

#station nav:last-of-type{
	border: 0px;
}

#station nav h3{
	width: 100%;
	color: skyblue;
	height: 30px;
	line-height: 30px;
	cursor:auto;
	text-align: center;
}

#station nav div{
	width: 150px;
	height:200px;
	text-align: center;
}

#station span{
	display: block;
	width: 100px;
	height: 30px;
	text-align: center;
	color: grey;
	margin: 20px auto;
}

#station nav div a:hover span{
	color: skyblue;
}

/* 商旅服务 */
#tour{
	width: 100%;
	height: 60px;
	display: none;
	z-index: 110;
}

#tour nav{
	width: 100%;
	height: 50px;
	position: absolute;
	text-align: left;
	padding-top: 5px;
}

#tour span{
	display:inline-block;
	width: 130px;
	line-height: 50px;
	height: 50px;
	color: grey;
	text-align: center;
	position: relative;
	left: 0px;
	border-right: 1px solid skyblue;
}

#tour a:hover span{
	color: skyblue;
}

/* 出行指南 */
#trip{
	display:none;
	z-index: 110;
}

#trip nav{
	float:left;
	width: 165px;
	height:200px;
	border-right: 1px solid skyblue;
	position: relative;
	margin-left: 5px;
}

#trip nav:last-of-type{
	border: 0px;
}

#trip nav h3{
	width: 100%;
	color: skyblue;
	height: 30px;
	line-height: 30px;
	cursor:auto;
	text-align: center;
}

#trip nav div{
	width: 155px;
	height:200px;
	text-align: center;
}

#trip span{
	display: block;
	width: 155px;
	height: 30px;
	text-align: center;
	color: grey;
	font-size: 13px;
	margin: 20px auto;
}

#trip nav div a:hover span{
	color: skyblue;
}

/* 信息查询 */
#message{
	display: none;
	z-index: 110;
}

#message nav{
	float:left;
	width: 165px;
	height:200px;
	border-right: 1px solid skyblue;
	position: relative;
	margin-left: 5px;
}

#message nav:last-of-type{
	border: 0px;
}

#message nav h3{
	width: 100%;
	color: skyblue;
	height: 30px;
	line-height: 30px;
	cursor:auto;
	text-align: center;
}

#message nav div{
	width: 150px;
	height:200px;
	text-align: center;
}

#message span{
	display: block;
	width: 100px;
	height: 30px;
	text-align: center;
	color: grey;
	margin: 20px auto;
}

#message nav div a:hover span{
	color: skyblue;
}
#register{
	width: 100%;
	height: 100%;
	/*background-color: pink;*/

	/*border: 1px solid red;*/
}
#register-all{
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	/*background-color: skyblue;*/
	/*border: 1px solid red;*/
}
#register-header{
	width: 1000px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
}
#register-header a:link{
	text-decoration: none;
	color: black;
}
#register-header a:visited{
	text-decoration: none;
	color: black;
}
#register-header a:hover{
	text-decoration: none;
	color: skyblue;
}
#register-header a:active{
	text-decoration: none;
	border: 1px dashed black;
}
#register-body{
	width: 1000px;
	height: 100%;
	/*border: 1px solid green;*/
}
#user-information{
	width: 1000px;
	height: 30px;
	line-height: 30px;
	background-color: rgb(34,133,199);
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: white;
}
#user-register{
	width: 998px;
	height: 100%;
	border: 1px solid rgb(22,120,190);
}
#register-form{
	width: 998px;
	height: 100%;
	// background: pink;
}
.div-all{
	width: 998px;
	height: 40px;
}
.div-all div{
	float: left;
}
.text-left{
	width: 400px;
	height: 40px;
	/*background-color: pink;*/
	text-align: right;
	line-height: 40px;
	font-size: 13px;
}
.text-left span{
	color: rgb(255, 0, 0);
}
.text-center{
	width: 210px;
	height: 40px;
	/*background-color: red;*/
	line-height: 40px;
	font-size: 13px;
}
.text-right{
	width: 388px;
	height: 40px;
	/*background-color: skyblue;*/
	line-height: 40px;
	color: rgb(255, 127, 0);
	font-size: 13px;
}
.text-center input{
	width: 200px;
	height: 30px;
}
.text-center select{
	width: 204px;
	height: 34px;
}
#input-dashed div{
	width: 100%;
	border-top: 1px dashed black;
	height: 1px;
	margin-top: 20px;
}
#ko{
	width: 100%;
	height: 50px;
}
#input-clause input{
	width: 15px;
	height: 13px;
}
#input-clause{
	/*background-color: pink;*/
}
#checkbox-box{
	width: 598px;
	height: 40px;
	line-height: 40px;
}

#input-clause a:link{
	text-decoration: none;
	color: blue;
}
#input-clause a:visited{
	text-decoration: none;
	color: blue;
}
#input-clause a:hover{
	text-decoration: none;
	color: skyblue;
}
#input-clause a:active{
	text-decoration: none;
	border: 1px dashed black;
}
#input-submit{
	width: 998px;
	height: 120px;
	/*background-color: pink;*/
}
#input-submit-center{
	width: 120px;
	height: 30px;
	margin: 0 auto;
	line-height: 120px;
}
#input-submit input{
	width: 120px;
	height: 30px;
	background-color: rgb(255, 127, 0);
	color: white;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid rgb(255, 127, 0);
	display: none;
}
#input-submit input:hover{
	background-color: rgb(247, 146, 9);
	cursor: pointer;
}
.style-black:hover{
	border: 2px dashed black;
}

.style-blue:hover{
	border: 2px dashed blue;
}
.div-all-error{
	width: 998px;
	height: 20px;
	display: none;
}
.div-all-error div{
	float: left;
}

.text-left-error{
	width: 400px;
	height: 20px;
	/*background-color: grey;*/
}
.text-center-error{
	width: 500px;
	height: 20px;
	background: url("../images/icon_wrong.png");
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-left: 20px;
	font-size: 12px;
	line-height: 20px;
	color: red;
	/*background-color: skyblue;*/
}
/*.text-right-error{
	width: 368px;
	height: 20px;
	background-color: skyblue;
}*/
































/*站位*/
#zhanwei{
	width: 100%;
	height: 50px;
}

/*底部*/
footer{
	width: 100%;
	height: 270px;
	background-color: rgb(248,248,248);
}
#footer-box{
	margin: 0 auto;
	width: 1100px;
	height: 200px;
}
#fridendship-link,#WeChat{
	float: left;
}
#fridendship-link{
	width: 450px;
	height: 200px;
	/*background-color: skyblue;*/
}
#fridendship-link img{
	width: 200px;
	height: 40px;
}
#fridendship-link ul{
	list-style: none;
}
#fridendship-link ul{
	float: left;
}
#fridendship-link ul li{
	width: 225px;
	height: 50px;
}
h4{
	width: 450px;
	height: 60px;
	line-height: 60px;
}
#WeChat{
	width: 650px;
	height: 200px;
	/*background-color: pink;*/
}
#WeChat img{
	width: 80px;
	height: 80px;
}
.imgDiv{
	float: left;
	width: 130px;
	height: 200px;
}
.imgDiv h5{
	width: 130px;
	height: 70px;
	line-height: 70px;
}
.code-pic01{
	padding-left: 15px;
}
.code-pic02{
	padding-left: 12px;
}
.code-tips{
	width: 130px;
	height: 70px;
	font-size: 12px;
	border: 1px solid grey;
	margin-top: 70px;
}
#footer-footer{
	width: 100%;
	height: 70px;
	background-color: rgb(102,102,102);
}
#footer-center{
	width: 900px;
	height: 70px;
	/*background-color: pink;*/
	margin: 0 auto;
	font-size: 13px;
}
#footer-center div{
	float: left;
}
#footer-right{
	width: 150px;
	height: 70px;
	/*background-color: green;*/
	/*padding-top: 10px;*/
}
#footer-right img{
	
	padding-top: 10px;
}
#footer-left{
	width: 750px;
	height: 70px;
	/*background-color: skyblue;*/
	color: rgb(193,193,193);
}
#footer-left p img{
	vertical-align: middle;
}
.p1{
	padding-left: 50px;
	height: 40px;
	line-height: 40px;
}
.p2 a:link{
	text-decoration: none;
	color: rgb(193,193,193);
}
.p2 a:visited{
	text-decoration: none;
	color: rgb(193,193,193);
}
.p2 a:active{
	text-decoration: none;
	border: 1px dashed black;
}